<template lang="pug">
.vr-bug-tip(v-if='isShow' @click='isShow = false')
  .arrow
    img(src='/static/images/tip.png')
  .tip-content
    p 当前浏览器版本不支持VR模式
    p 请点击右上角菜单 点击 '在浏览器打开' 再浏览VR模式
</template>

<script>
export default {
  name: 'vrBugTip',
  data() {
    return {
      isShow: false
    }
  },
  mounted() {
    this.$vgo.on('vrBugTip', () => {
      this.isShow = true
    })
  }
}
</script>

<style lang="stylus">
.vr-bug-tip
  position fixed
  left 0
  top 0
  bottom 0
  right 0
  z-index 9999
  background-color rgba(0,0,0,0.6)
  .arrow
    position absolute
    right 10px
    top 10px
    img 
      height 120px
  .tip-content
    padding 0 10px
    width 70%
    color #fff
    font-size 14px
    position absolute
    top 120px
</style>
